<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>经典项目</title>
    <link rel="stylesheet" href="css/index.css"></link>
</head>
<body>
    <div id="wrap">
        <div class="list_nav_sec">
            <div class="list_nav_sec_bg"></div>
            <div class="nav_left">
            </div>
            <div class="nav_content">
                <a href="#" >经典项目</a>
            </div>
            <div class="pc_nav_btn"></div>
        </div>
        <div class="pc_nav ">
            <div class="nav_left">
                <img src="img/logo.png" />
            </div>
             <div class="pc_nav_content ">
                <a href="#" >集团简介</a>
                <a href="#" >新闻中心</a>
                <a href="#" >产业模块</a>
                <a href="#" >经典项目</a>
                <a href="#" >企业文化</a>
                <a href="#" >人才汇集</a>
            </div>
            <div class="pc_nav_btn_show"></div>
        </div>
        <div class="list_banner list_head">
            
        </div>
        <div class="list_content">
            <div class="new_aritle">
                <p class="aritle_title">
                    甘肃白银  东大沟上游重金属污染综合整治工程
                </p>
               
                <div class="aritle_content">
                     <p>      12 月02日，爱土工程环境科技有限公司联合体中标吴忠市清水沟、南干沟人工湿地水质改善工程。</p> 
                     <p>      该项目区占地面积 130 亩，建设位置位于吴忠市罗家湖，在清水沟大桥北侧、滨河大道东侧，依托张家滩湖新建人工湿地水质净化工程及其附属工程。人工湿地水质净化工程设计处理规模为9000m3/d。</p>
                     <p>         该项目实施后生态环境将得到明显改善。</p>      
                </div>
            </div>
            
        </div>
        <div class="list_banner list_footer">
              <div class="pc_footer_content list_f_c ">
                  <img src="img/lx_logo.png" />
                  <h1>联系我们</h1>
                  <p>010-6504 7200</p>
                  <p>地址：北京市朝阳区东四环中路41号嘉泰国际大厦18层</p>
              </div>
        </div>

    </div>
     <script src="http://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
    <script src="js/util.js"></script>
    <script>
        $(function(){
            
            var nav1 = $(".pc_nav");
            var  nav2= $(".list_nav_sec");
            $(".pc_nav_btn").on("click",function(){
               nav2.hide();
               nav1.addClass("pc_nav_show");
            })
            $(".pc_nav_btn_show").on("click",function(){
                nav2.show();
                nav1.removeClass("pc_nav_show");
            })

        })
        function init_all(){
             // 全屏滚动
            var runPage = new FullPage({
                id : 'pageContain',                            // id of contain
                slideTime : 800,                               // time of slide
                continuous : false,                            // create an infinite feel with no endpoints
                effect : {                                     // slide effect
                        transform : {
                            translate : 'Y',                   // 'X'|'Y'|'XY'|'none'
                            scale : [1, 1],                // [scalefrom, scaleto]
                            rotate : [0, 0]                    // [rotatefrom, rotateto]
                        },
                        opacity : [0, 1]                       // [opacityfrom, opacityto]
                    },                           
                mode : 'wheel,touch',               // mode of fullpage
                easing : 'ease'                                // easing('ease','ease-in','ease-in-out' or use cubic-bezier like [.33, 1.81, 1, 1];
                //  ,onSwipeStart : function(index, thisPage) {   // callback before pageChange
                //    return 'stop';
                //  }
                //  ,beforeChange : function(index, thisPage) {   // callback before pageChange
                //    return 'stop';
                //  }
                //  ,callback : function(index, thisPage) {       // callback when pageChange
                //    alert(index);
                //  };
            });

            // 事件绑定
            // 滚屏绑定
            $(".down_btn").on("click",function(){
                runPage.next();
            })
            var nav = $(".pc_nav");
            $(".pc_nav_btn").on("click",function(){
                if($(this).hasClass("pc_nav_btn_show")){
                    $(this).removeClass("pc_nav_btn_show");
                    nav.removeClass("pc_nav_show");
                }else{
                    $(this).addClass("pc_nav_btn_show");
                    nav.addClass("pc_nav_show");
                }
            })
            // 其他单独绑定
             if(all_data.is_mobile){
                init_wap();
             }else{
                init_pc();
             }
        }
        function init_pc(){
        }
        function init_wap(){
            console.log(1233121);
        }
    </script>
</body>
</html>
